<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/login.css">
    <script src="../lib/jquery/jquery.min.js"></script>
    <script src="../js/login_js/layer/layer.js"></script>
</head>

<body>
    <div class="box">
        <div class="hint_wrap">
            <div class="hint w">
                <p>本网站使用cookie，用于在您的电脑中存储信息。这些cookie可以使网站正常运行，以及帮助我们改进用户体验。使用本网站，即表示您接受放置这些cookie。</p>
                <a href="javascript:void(0);">同意并关闭提示</a>
            </div>
        </div>
        <div class="top_wrap">
            <div class="top">
                <div class="top_left fl">
                    <a href="javascript:void(0);">官网</a>
                    <a href="javascript:void(0);">ColorOS</a>
                    <a href="javascript:void(0);">云服务</a>
                </div>
                <div class="top_list fr">
                    <div><a href="javascript:void(0);">帮助中心</a></div>
                    <div class="language pos-r">
                        <a href="javascript:void(0);">简体中文</a>
                        <span class="angle"></span>
                        <ul class="pos-a">
                            <li>简体中文</li>
                            <li>繁體中文</li>
                            <li>English</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="login_wrap">
            <div class="login">
                <div class="login_top">
                    <div class="login_logo"></div>
                    <p>登录欢太帐号可享受更多的服务</p>
                </div>
                <div class="login_con pos-r">
                    <div class="tab pos-a">
                        <div class="tab_item active">
                            <div class="tab_item_item tab_item_item1 fl"><span>账号登录</span></div>
                            <div class="pic pic1 fr"></div>
                        </div>
                        <div class="tab_item">
                            <div class="tab_item_item tab_item_item2 fl"><span>扫码登录</span></div>
                            <div class="pic pic2 fr"></div>
                        </div>
                    </div>
                    <div class="login_way">
                        <div class="way_item selected">
                            <h1 class="login_title">账号登录</h1>
                            <div>
                                <div class="logintabs_tabs_navs">
                                    <div class="logintabs_nav logintabs_nav1 fl active">
                                        <span>账号密码登录</span>
                                    </div>
                                    <div class="logintabs_nav fl">
                                        <span>短信验证码登录</span>
                                    </div>
                                </div>
                                <div class="login_form">
                                    <div class="login_form_item selected">
                                        <div class="form_item">
                                            <div class="input_wrap">
                                                <div class="input_container">
                                                    <input autocomplete="off" class="uname_input" type="text"
                                                        name="uname" placeholder="请输入用户名" value="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form_item">
                                            <div class="input_wrap upwd_input_wrap pos-r">
                                                <div class="input_container">
                                                    <input autocomplete="off" class="upwd_input" type="password"
                                                        name="upwd" placeholder="请输入密码">
                                                </div>
                                                <!-- <div class="upwd_icon_wrap upwd_icon_active pos-a"> -->
                                                <div class="upwd_icon_wrap pos-a">
                                                    <div class="upwd_icon"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="login_form_tip"><a href="javascript:void(0);">忘记密码</a></div>
                                    </div>
                                    <div class="login_form_item">
                                        <div class="form_item">
                                            <div class="input_wrap">
                                                <div class="input_container">
                                                    <input autocomplete="off" class="uphone_input" type="text"
                                                        name="uname" placeholder="请输入手机号" value="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form_item">
                                            <div class="input_wrap clearfix">
                                                <div class="input_container verify_input_container fl">
                                                    <input autocomplete="off" class="verify_input" type="text"
                                                        name="verify" placeholder="请输入验证码" maxlength="4" value=""  disabled="disabled">
                                                </div>
                                                <div class="verify_button fl">
                                                    <div id="verify">获取验证码</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- <div class="register_button button_abled">登录</div> -->
                            <div class="register_button button_disabled">登录</div>
                            <div class="login_form_tip clearfix">
                                <span class="fl"><a href="javascript:void(0);">隐私政策</a></span>
                                <span class="register fr"><a href="../views/register.html">注册账号</a></span>
                            </div>
                        </div>
                        <div class="way_item">
                            <h1 class="login_title">扫码登录</h1>
                            <div class="loginbycode_box">
                                <div class="loginbycode">
                                    <img src="../images/img_login/ewm.jpg" alt="">
                                </div>
                            </div>
                            <div class="loginbycode_demo"></div>
                            <p class="loginbycode_tip">请进入手机“设置-欢太帐号”扫码登录</p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="footer_wrap">
            <p class="footer_copyright">
                <span>&copy; 2005 - 2021 广东欢太 版权所有 粤ICP备 14056724 号-2</span>
                <span>联系方式：4001-999-666</span>
            </p>
        </div>
    </div>


    <script src="../js/login_js/login.js"></script>
</body>

</html>